body,
html {
  width: 100%;
  height: 100%;
}
@keyframes move {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-15rem);
  }
}
body {
  background: url(../images/bg.jpg) no-repeat;
  background-size: cover;
}
body .view {
  width: 80rem;
  height: 44.6667rem;
  background: url(../images/logo6.png) no-repeat;
  background-size: contain;
  display: flex;
  padding: 4.4167rem 0.8333rem 0.8333rem;
  box-sizing: border-box;
}
body .view .left_container {
  flex: 3;
}
body .view .left_container .left_top_container {
  width: 100%;
  height: 4.5833rem;
  border-image: url("../images/border.png") 50 38 20 125;
  border-image-width: 2.0833rem 1.5833rem 0.8333rem 5.2083rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
body .view .left_container .left_top_container .box h3 {
  font-size: 1rem;
}
body .view .left_container .left_top_container .box p {
  font-size: 0.6667rem;
  color: #026cf7;
}
body .view .left_container .left_middle_container {
  width: 100%;
  height: 19.7917rem;
  margin: 0.8333rem 0;
  border-image: url("../images/border.png") 50 38 20 125;
  border-image-width: 2.0833rem 1.5833rem 0.8333rem 5.2083rem;
}
body .view .left_container .left_middle_container .top_title {
  height: 2.5rem;
  display: flex;
  align-items: center;
  padding-left: 1.25rem;
}
body .view .left_container .left_middle_container .top_title a {
  font-size: 0.9167rem;
}
body .view .left_container .left_middle_container .top_title a.active {
  color: #026cf7;
}
body .view .left_container .left_middle_container .top_title .line_box {
  width: 0.1667rem;
  height: 0.9167rem;
  background-color: #00f4ef;
  margin: 0.4167rem;
}
body .view .left_container .left_middle_container .subtitle {
  height: 1.5833rem;
  line-height: 1.5833rem;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 0 1.25rem;
  font-size: 0.5833rem;
}
body .view .left_container .left_middle_container .subtitle span {
  color: #06f4e5;
}
body .view .left_container .left_middle_container .subtitle span:nth-child(2) {
  margin-left: 3.3333rem;
  margin-right: 8.75rem;
}
body .view .left_container .left_middle_container .content .item_content {
  width: 100%;
  height: 15rem;
  overflow: hidden;
}
body .view .left_container .left_middle_container .content .item_content ul {
  animation: move  10s  linear  infinite;
}
body .view .left_container .left_middle_container .content .item_content ul:hover {
  animation-play-state: paused;
}
body .view .left_container .left_middle_container .content .item_content li {
  height: 1.5rem;
  line-height: 1.5rem;
  padding: 0 1.25rem;
}
body .view .left_container .left_middle_container .content .item_content li span {
  color: #0355d8;
  display: inline-block;
}
body .view .left_container .left_middle_container .content .item_content li span:nth-child(1) {
  width: 5.6667rem;
}
body .view .left_container .left_middle_container .content .item_content li span:nth-child(2) {
  width: 11.05rem;
}
body .view .left_container .left_middle_container .content .item_content li:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
body .view .left_container .left_bottom_container {
  border-image: url("../images/border.png") 50 38 20 125;
  border-image-width: 2.0833rem 1.5833rem 0.8333rem 5.2083rem;
  width: 100%;
  height: 14.1667rem;
}
body .view .left_container .left_bottom_container .title {
  height: 2.9167rem;
  line-height: 2.9167rem;
  padding-left: 0.9167rem;
  width: 100%;
}
body .view .left_container .left_bottom_container .title h3 {
  font-size: 0.9167rem;
}
body .view .left_container .left_bottom_container .content {
  height: 10rem;
  display: flex;
  justify-content: space-between;
  padding: 0.4167rem 0.9583rem;
}
body .view .left_container .left_bottom_container .content .left_pieBox {
  flex: 1;
  height: 9.8333rem;
  margin-right: 0.4167rem;
}
body .view .left_container .left_bottom_container .content .right_data {
  height: 10rem;
  width: 7rem;
  height: 9.8333rem;
  background: url(../images/rect.png) no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
body .view .left_container .left_bottom_container .content .right_data .item h3 {
  font-size: 1rem;
}
body .view .left_container .left_bottom_container .content .right_data .item p {
  font-size: 0.6667rem;
  color: #026cf7;
  margin-top: 0.625rem;
}
body .view .middle_container {
  flex: 4;
  margin: 0 0.8333rem;
}
body .view .middle_container .title {
  font-size: 0.9167rem;
  margin-top: 0.8333rem;
}
body .view .middle_container .title span {
  color: #026cf7;
}
body .view .middle_container .map {
  width: 100%;
  height: 21.6667rem;
  background-color: #06f4e5;
  margin-top: 1.25rem;
}
body .view .middle_container .bar_Box {
  border-image: url("../images/border.png") 50 38 20 125;
  border-image-width: 2.0833rem 1.5833rem 0.8333rem 5.2083rem;
  height: 14.1667rem;
  width: 100%;
}
body .view .middle_container .bar_Box .title {
  height: 2.5rem;
  line-height: 2.5rem;
}
body .view .middle_container .bar_Box .title h3 {
  font-size: 0.9167rem;
  margin-left: 0.8333rem;
}
body .view .middle_container .bar_Box .content {
  height: 10.4167rem;
  margin: 0 0.8333rem;
  display: flex;
}
body .view .middle_container .bar_Box .content .left_bar {
  width: 20.625rem;
  height: 10.4167rem;
}
body .view .middle_container .bar_Box .content .right_msg {
  width: 7.2917rem;
  height: 10rem;
  background: url("../images/rect.png") no-repeat;
}
body .view .middle_container .bar_Box .content .right_msg p {
  color: #0361fc;
  font-size: 0.75rem;
}
body .view .middle_container .bar_Box .content .right_msg .top {
  width: 4.1667rem;
  height: 2.9167rem;
  margin-left: 1.25rem;
  margin-top: 1.25rem;
}
body .view .middle_container .bar_Box .content .right_msg .top h3 {
  font-size: 0.9167rem;
  margin-bottom: 0.4167rem;
}
body .view .middle_container .bar_Box .content .right_msg .top span {
  color: #e34432;
}
body .view .middle_container .bar_Box .content .right_msg .bottom {
  width: 4.1667rem;
  height: 2.9167rem;
  margin-left: 1.25rem;
  margin-top: 1.6667rem;
}
body .view .middle_container .bar_Box .content .right_msg .bottom h3 {
  font-size: 0.9167rem;
  margin-bottom: 0.4167rem;
}
body .view .middle_container .bar_Box .content .right_msg .bottom span {
  color: #ffff00;
}
body .view .right_container {
  flex: 3;
}
body .view .right_container .one {
  border-image: url("../images/border.png") 50 38 20 125;
  border-image-width: 2.0833rem 1.5833rem 0.8333rem 5.2083rem;
  width: 100%;
  height: 6.25rem;
  padding-top: 0.625rem;
}
body .view .right_container .one .title {
  display: flex;
  height: 1.4583rem;
}
body .view .right_container .one .title .active {
  color: white;
}
body .view .right_container .one .title a {
  color: #0355d8;
  font-size: 0.8333rem;
  font-weight: 500;
  margin-left: 1.0417rem;
}
body .view .right_container .one .title .line_box {
  margin-top: 0.2083rem;
  width: 0.1667rem;
  height: 0.9167rem;
  background-color: #00f4ef;
  margin-left: 0.8333rem;
}
body .view .right_container .one .content {
  margin-top: 1.0417rem;
  margin-left: 1.0417rem;
  width: 100%;
  height: 2.5rem;
  display: flex;
}
body .view .right_container .one .content h3 {
  font-size: 0.9167rem;
}
body .view .right_container .one .content span {
  color: #0355d8;
  font-size: 0.8333rem;
}
body .view .right_container .one .content .left {
  margin-left: 0.4167rem;
  width: 3.9583rem;
  height: 2.3333rem;
}
body .view .right_container .one .content .left .icon-dot {
  color: #e34432;
}
body .view .right_container .one .content .right {
  margin-left: 7rem;
  width: 6.25rem;
  height: 2.3333rem;
}
body .view .right_container .one .content .right .icon-dot {
  color: #ffff00;
}
body .view .right_container .two {
  border-image: url("../images/border.png") 50 38 20 125;
  border-image-width: 2.0833rem 1.5833rem 0.8333rem 5.2083rem;
  width: 22.9167rem;
  height: 10.625rem;
  margin-top: 0.8333rem;
}
body .view .right_container .two .title {
  padding-top: 0.8333rem;
  padding-left: 0.8333rem;
  width: 100%;
  height: 1.4583rem;
  display: flex;
}
body .view .right_container .two .title h3 {
  font-size: 0.9167rem;
}
body .view .right_container .two .title .line_box {
  height: 7.9167rem;
  margin-left: 1.0417rem;
  margin-top: 0.2083rem;
}
body .view .right_container .two .title a.active {
  background-color: #5b9efa;
  color: aliceblue;
}
body .view .right_container .two .title a {
  display: inline-block;
  color: #026cf7;
  text-align: center;
  margin-left: 2.0833rem;
  font-size: 0.8333rem;
  width: 1.25rem;
}
body .view .right_container .two .title a:hover {
  background-color: #5b9efa;
  color: aliceblue;
}
body .view .right_container .two .line {
  height: 7.9167rem;
}
body .view .right_container .bbox .three {
  border-image: url("../images/border.png") 50 38 20 125;
  border-image-width: 2.0833rem 1.5833rem 0.8333rem 5.2083rem;
  width: 11.25rem;
  height: 9.7917rem;
  margin-top: 0.8333rem;
  float: left;
}
body .view .right_container .bbox .three .title {
  height: 2.5rem;
  line-height: 2.5rem;
}
body .view .right_container .bbox .three .title h3 {
  font-size: 0.9167rem;
  margin-left: 1.25rem;
}
body .view .right_container .bbox .three .content h3 {
  font-size: 1.25rem;
}
body .view .right_container .bbox .three .content .tip {
  color: #026cf7;
}
body .view .right_container .bbox .three .content .top2 {
  display: flex;
}
body .view .right_container .bbox .three .content .top2 .left {
  margin: 0 3.2833rem 0.8333rem 1.25rem;
}
body .view .right_container .bbox .three .content .bottom2 {
  display: flex;
}
body .view .right_container .bbox .three .content .bottom2 .left {
  margin: 0 3.2833rem 0.8333rem 1.25rem;
}
body .view .right_container .bbox .four {
  border-image: url("../images/border.png") 50 38 20 125;
  border-image-width: 2.0833rem 1.5833rem 0.8333rem 5.2083rem;
  width: 11.25rem;
  height: 9.7917rem;
  margin-top: 0.8333rem;
  float: right;
  margin-left: 0.425rem;
}
body .view .right_container .bbox .four h3 {
  font-size: 0.9167rem;
  margin-left: 1.25rem;
  margin-top: 0.625rem;
}
body .view .right_container .bbox .four .r {
  width: 100%;
  height: 3.3333rem;
}
body .view .right_container .bbox .four .bottom2 {
  display: flex;
}
body .view .right_container .bbox .four .bottom2 h3 {
  margin-left: 0;
  font-size: 1.25rem;
}
body .view .right_container .bbox .four .bottom2 .tip {
  color: #026cf7;
}
body .view .right_container .bbox .four .bottom2 .left {
  margin: 0 3.2833rem 0.8333rem 1.25rem;
}
body .view .right_container .five {
  border-image: url("../images/border.png") 50 38 20 125;
  border-image-width: 2.0833rem 1.5833rem 0.8333rem 5.2083rem;
  margin-top: 0.8333rem;
  height: 10.8333rem;
  width: 100%;
}
body .view .right_container .five .title {
  height: 2.1667rem;
  line-height: 2.1667rem;
}
body .view .right_container .five .title span {
  display: inline-block;
}
body .view .right_container .five .title .left {
  font-size: 0.9167rem;
  font-weight: 500;
  margin-left: 0.8333rem;
  margin-right: 4.1667rem;
}
body .view .right_container .five .title .middle {
  font-size: 0.9167rem;
  font-weight: 500;
  margin-right: 6.0833rem;
}
body .view .right_container .five .title .right {
  color: #026cf7;
}
body .view .right_container .five .content {
  height: 8.3333rem;
  display: flex;
}
body .view .right_container .five .content .cup {
  width: 5rem;
  height: 8.3333rem;
  margin-left: 1.0417rem;
  font-size: 0.9167rem;
  color: #0da5e9;
}
body .view .right_container .five .content .cup span {
  font-size: 1.4583rem;
  margin-right: 0.4167rem;
}
body .view .right_container .five .content .cup .cup1 {
  margin-top: 0.625rem;
}
body .view .right_container .five .content .cup .cup1 .icon-cup1 {
  color: #d74739;
}
body .view .right_container .five .content .cup .cup2 {
  margin-top: 0.8333rem;
}
body .view .right_container .five .content .cup .cup2 .icon-cup2 {
  color: #6fe4f3;
}
body .view .right_container .five .content .cup .cup3 {
  margin-top: 0.8333rem;
}
body .view .right_container .five .content .cup .cup3 .icon-cup3 {
  color: #499dde;
}
body .view .right_container .five .content .hot {
  width: 6.3333rem;
  height: 7.0417rem;
  margin-left: 1.8833rem;
}
body .view .right_container .five .content .hot ul {
  color: #0da5e9;
}
body .view .right_container .five .content .hot ul li {
  padding-top: 0.3rem;
  padding-left: 0.5083rem;
  padding-bottom: 0.3rem;
}
body .view .right_container .five .content .hot ul li:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
body .view .right_container .five .content .hot ul li .icon-up {
  margin-left: 1.2333rem;
  color: #e13c3d;
}
body .view .right_container .five .content .hot ul li:nth-child(3) .icon-up {
  color: #037b08;
}
body .view .right_container .five .content .hot ul li:nth-child(5) .icon-up {
  color: #037b08;
}
body .view .right_container .five .content .ba {
  width: 6.6667rem;
  height: 8.125rem;
  background-color: rgba(255, 255, 255, 0.2);
}
body .view .right_container .five .content .ba ul {
  padding-left: 0.8333rem;
}
body .view .right_container .five .content .ba ul li {
  padding-top: 0.3167rem;
}
body .view .right_container .five .content .ba ul li .icon-up {
  color: #d74739;
  margin-left: 0.8333rem;
}
